*{
    margin: 1em;
    padding: 1em;
}
header{
    background-color: white;
    padding: inherit;
}
main{
    background-color: floralwhite;
}
footer{
    background-color: mediumspringgreen;
}
aside{
    background-color: hotpink;
}

nav ul li {
    display: inline-block;
    padding: 1em 1em;
}

nav ul li a{
    color: white;
    background-color: lightpink;
    width: 90%;
    display: inline-block
}

nav ul li a:hover{
    color: lightpink;
    background-color: blue
    }

.contenedor{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    overflow: hidden;
}
#logo img{
    width: 25%;
    height: auto;
    margin-top: 20px;
    padding: 20px;
}

#avatar img{
    margin-top: 20px;
    padding: inherit;
}

@media screen and (min-width:480px){
    
    header{
        background-color: aquamarine;
    }
    main{
        background-color: deeppink;
    }
    aside{
        background-color: yellow;
    }
    
}

@media screen and (min-width:768px){
    
    header{
        background-color: aquamarine;
    }
    main{
        background-color: deeppink;
        width: 75%
            float: left;
    }
    aside{
        background-color: yellow;
        width: 25%
            float: left;
    }
    
}

article {
    text-align:justify;
    padding: 5px 5px;
}

h1{
    text-align: center;
    color: aliceblue;
}

footer{
    text-align: justify;
    color: hotpink;
    padding: 5px 5px;
}